import { Navigation } from "@/components/layout/Navigation"
import { Hero } from "@/components/sections/Hero"
import { About } from "@/components/sections/About"
import { Skills } from "@/components/sections/Skills"
import { Projects } from "@/components/sections/Projects"
import { Blog } from "@/components/sections/Blog"
import { Contact } from "@/components/sections/Contact"

export default function Home() {
  return (
    <div className="relative">
      <Navigation />
      <main>
        <Hero />
        <About />
        <Skills />
        <Projects />
        <Blog />
        <Contact />
      </main>

      {/* Footer */}
      <footer className="bg-secondary/20 border-t py-8">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex flex-col md:flex-row justify-between items-center">
            <div className="text-center md:text-left mb-4 md:mb-0">
              <p className="text-foreground font-semibold">张三</p>
              <p className="text-muted-foreground text-sm">
                全栈开发工程师 © 2024 版权所有
              </p>
            </div>
            <div className="text-center md:text-right">
              <p className="text-sm text-muted-foreground">
                用 <span className="text-primary">❤️</span> 精心构建
              </p>
              <p className="text-xs text-muted-foreground mt-1">
                基于 Next.js、Tailwind CSS 和 shadcn/ui
              </p>
            </div>
          </div>
        </div>
      </footer>
    </div>
  );
}